import React, {PureComponent} from 'react'
import China from '../component/company/china'
import CompanyDetail from '../component/company/detail'
import '../../css/company.scss'
import Mask from '../component/mask/mask-back'
import {setTitle, scale} from '../component/chart/util/common'
import Tabs from '../Tabs'
import '../../css/temper.scss'
import '../Tabs/tab.scss'
import '../../css/tab.scss'
const Tab = Tabs.Tab;

class Company extends PureComponent {
    constructor() {
        super()
        this.state = {
            mask: false,
            content: '',
            key: 'company-detail'
        }

    }

    hideMask = () => {
        this.setState({
            mask: false
        })
    }

    openDetail = (params) => {
        this.setState({
            key: this.state.key + 1
        }, () => {
            this.setState({
                mask: true,
                content: <CompanyDetail detail={params.data.data} key={this.state.key}/>
            })
        })
    }

    render() {
        /*数据，echarts和详情*/
        const data = [
            {
                "name": "华三",
                "value": [120, 31],
                num: 20,
                symbol: 'image://../images/business/h3c-green.png',
                symbolSize: 100 * scale,
                data: {
                    info: `杭州华三通信技术有限公司（简称华三通信），致力于IT基础架构产品及方案的研究、开发、生产、销售及服务，拥有完备的路由器、以太网交换机、无线、网络安全、服务器、存储、IT管理系统、云管理平台等产品。华三通信在中国设有38个分支机构，目前公司有员工5000人，其中研发人员占55%。
    试制中心隶属于供应链管理部，主要面向高端产品以及研发原型机的试制，对新开发产品的可靠性和稳定性在加工中进行验证。产品成熟后大规模生产转业界优秀的CM厂（ContractManufacturer）制造。`,
                    workshop: [
                        {
                            name: '车间',
                            image: '../images/business/m2-c.png',
                            size: [2755, 1123],
                            areas: [
                                {
                                    lines: '475 245,690 245,690 25,2250,25,2250 400,475 400',
                                    handClick: function () {
                                        alert()
                                    }
                                }, {
                                    lines: '425 450,2250 450,2250 650,425 650',
                                    handClick: function () {
                                        alert()
                                    }
                                }, {
                                    lines: '425 650,2250 650,2250 1075,425 1075',
                                    handClick: function () {
                                        alert()
                                    }
                                }
                            ]
                        },
                        {
                            name: '物流',
                            image: '../images/business/m3-c.png',
                            size: [1322, 1083],
                            areas: [
                                {
                                    lines: '200 15,870 15,870 640,730 640,730 940,200 940',
                                    handClick: function () {
                                        alert()
                                    }
                                }, {
                                    lines: '870 15,1320 15,1210 570,880 570',
                                    handClick: function () {
                                        alert()
                                    }
                                }, {
                                    lines: '880 570,1210 570,1080 840,900 800,870 815,740 818,740 640,880 640',
                                    handClick: function () {
                                        alert()
                                    }
                                }, {
                                    lines: '740 830,880 830,905 815,1082 843,925 1083,785 975,740 975',
                                    handClick: function () {
                                        alert()
                                    }
                                }
                            ]
                        }
                    ]
                }
            },
            {
                "name": "统合",
                "value": [117.5, 31.5],
                num: 20,
                symbol: 'image://../images/business/tonghe-green.png',
                data: {
                    info: `杭州华三通信技术有限公司（简称华三通信），致力于IT基础架构产品及方案的研究、开发、生产、销售及服务，拥有完备的路由器、以太网交换机、无线、网络安全、服务器、存储、IT管理系统、云管理平台等产品。华三通信在中国设有38个分支机构，目前公司有员工5000人，其中研发人员占55%。
    试制中心隶属于供应链管理部，主要面向高端产品以及研发原型机的试制，对新开发产品的可靠性和稳定性在加工中进行验证。产品成熟后大规模生产转业界优秀的CM厂（ContractManufacturer）制造。`,
                    workshop: []
                }

            },
            {
                "name": "飞旭",
                "value": [120, 32.8],
                num: 20,
                symbol: 'image://../images/business/feixu-green.png',
            },
            {
                "name": "信华",
                "value": [122.3, 31.5],
                num: 20,
                symbol: 'image://../images/business/xinhua-green.png',
                data: {
                    info: `信华精机有限公司成立于1986 年，是一家由中、日、港三方合资的企业，注册资金1950 万美元。产品性能和质量达到国际先进水平，畅销海内外市场。
    2003年在下沙成立杭州公司，当前以外协方式和H3C合作服务器产品的整机组装，产品维修，验收等业务`,
                    workshop: [
                        {
                            name: '二楼',
                            image: '../images/business/x-2c.png',
                            size: [1262, 977],
                            areas: [
                                {
                                    lines: '220 0,610 0,610 977,220 977',
                                    handClick: function () {
                                        alert()
                                    }
                                }, {
                                    lines: '870 390,1248 390,1248 727,870 727',
                                    handClick: function () {
                                        alert()
                                    }
                                }
                            ]
                        },
                        {
                            name: '三楼',
                            image: '../images/business/x-3c.png',
                            size: [1049, 944],
                            areas: [
                                {
                                    lines: '640 0,1022 0,1022 944,640 944',
                                    handClick: function () {
                                        alert()
                                    }
                                }
                            ]
                        }
                    ]
                }
            },
            {
                "name": "东信",
                "value": [121.3, 29.4],
                num: 20,
                symbol: 'image://../images/business/dongxin-green.png',
                data: {
                    info: `东方通信是一家集通信和金融电子网络于一体的行业应用整体解决方案提供商。
    公司致力于技术积累与持续创新，在金融电子、无线集群通信、通信增值业务、电子制造与网络服务等领域都确立了全面专业的领先覆盖及融合优势。
    目前公司的产品和解决方案已经应用于全球多个国家与地区，通过全方位的专业信息网络服务，有效支持全球不同客户的差异化需求以及不断创新的追求。当前南环路事业部以外协方式专注和H3C合作全平台产品的加工和紧急任务处理业务`,
                    workshop: [
                        {
                            name: '三楼',
                            image: '../images/business/dong-3c.png',
                            size: [1884, 975],
                            areas: [
                                {
                                    lines: '0 0,408 0,408 975,0 975',
                                    handClick: function () {
                                        alert()
                                    }
                                }, {
                                    lines: '412 200,997 200,997 975,412 975',
                                    handClick: function () {
                                        alert()
                                    }
                                },
                                {
                                    lines: '1000 0,1800 0,1800 775,1000 775',
                                    handClick: function () {
                                        alert()
                                    }
                                }
                            ]
                        },
                        {
                            name: '四楼',
                            image: '../images/business/dong-4c.png',
                            size: [1615, 1034],
                            areas: [
                                {
                                    lines: '1009 0,1300 0,1300 300,1009 300',
                                    handClick: function () {
                                        alert()
                                    }
                                }
                            ]
                        }
                    ]
                }
            },
            {
                "name": "双赢",
                "value": [118.6, 29.4],
                num: 20,
                symbol: 'image://../images/business/shuangying-green.png',
                data: {
                    info: `深圳市双赢伟业科技股份有限公司（简称双赢伟业）是一家致力为全球知名网络通讯企业提供通讯网、企业网、Soho产品研发、生产、销售及服务为一体的专业ODM/OEM服务商。
    产品销往全球各国家和地区，广泛应用于运营商网络、企业网、无源光网络、CATV通讯网、电力通讯网、家庭网络等领域,是中国广播电视局EoC产品的主要供应商，全球最大的EoC生产制造商，国内最大的以太网交换机生产制造商，当前通过CM和ODM方式和H3C合作加工低端路由器和无线产品`,
                    workshop: []
                }
            },
            {
                "name": "达创",
                "value": [114, 23.5],
                num: 20,
                symbol: 'image://../images/business/dachuang-green.png',
                data: {
                    info: `台达电子集团为世界第一的交换式电源供应器与风扇产品的领导厂商，并且在多项产品领域亦居世界级的领导地位，其中包括提供电源管理的整体解决方案、视讯显示器、工业自动化、网路通讯产品与可再生能源相关产品。
    台达电子集团营运据点遍布全球，并在台湾、中国、泰国、墨西哥、印度以及欧洲等地设有制造工厂。作为全球电力电子产业的领导者，台达电子集团的经营使命是「环保、节能、爱地球」，并且长期致力于实践环境保护的承诺，已在多年前实施绿色无铅制程、回收再利用措施与废弃物管理计划。
    位于东莞的台达5厂通过CM和ODM方式主要和H3C合作服务器、低端交换以及无线产品的加工。`,
                    workshop: [
                        {
                            name: '二楼',
                            image: '../images/business/taida-2.png',
                            size: [1054, 1072],
                            areas: [
                                {
                                    lines: '38 48,377 48,377 1036,38 1036',
                                    handClick: function () {
                                        alert()
                                    }
                                },
                                {
                                    lines: '400 48,980 48,980 1036,400 1036',
                                    handClick: function () {
                                        alert()
                                    }
                                }
                            ]
                        },
                        {
                            name: 'SMT',
                            image: '../images/business/tai-smt.png',
                            size: [2134, 1035],
                            areas: [
                                {
                                    lines: '1580 20,1580 1030,1980 1030,1980 20',
                                    handClick: function () {
                                        alert()
                                    }
                                },
                                {
                                    lines: '200 340,1575 340,1575 1030,200 1030',
                                    handClick: function () {
                                        alert()
                                    }
                                }
                            ]
                        }
                    ]
                }
            }
        ]
        return (
            <div>
                <Mask show={this.state.mask} hideMask={this.hideMask}>
                    {this.state.content}
                </Mask>
                <div className="full-container">
                    <China data={data} openDetail={this.openDetail}/>
                </div>
            </div>
        )
    }

}

export default Company